<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=F4jjeavGqYw5z6FFK4OdQkGq8fM0mm5A"></script>
        <title>我的第一个地图</title>
        </head>
        <body>
        <div id="container"></div>
        </body>
    <script>
        var map = new BMapGL.Map("container");// 创建地图实例
        var point = new BMapGL.Point(104.35267, 28.83427);// 创建点坐标
        map.centerAndZoom(point, 15);// 初始化地图，设置中心点坐标和地图级别
        map.enableScrollWheelZoom(true);//开启缩放
        var marker = new BMapGL.Marker(point);  // 创建标注
        map.addOverlay(marker);              // 将标注添加到地图中
        var opts = {
            width : 200,     // 信息窗口宽度
            height: 100,     // 信息窗口高度
            title : "屏山县人民政府" , // 信息窗口标题
        }
        var infoWindow = new BMapGL.InfoWindow("地址：宜宾市屏山县金沙江大道西段139号", opts);  // 创建信息窗口对象
        marker.addEventListener("click", function(){
            map.openInfoWindow(infoWindow, point); //开启信息窗口
        });
    </script>
</html>
<style type="text/css">
    html{height:100%}
    body{height:100%;margin:0px;padding:0px}
    #container{height:100%}
</style>